<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{cms>$tpl['wxname']}</title>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<link href="{cms>:RES}/css/ty/news5.css" rel="stylesheet" type="text/css" />
<script src="{cms>:RES}/js/ty/iscroll.js" type="text/javascript"></script>
<link rel="stylesheet" href="{cms>:RES}/css/flash/css/plugmenu.css">
<style>
#cate6 .mainmenu li.li0:nth-child(5) .menumesg {background-color: #990000;}
#cate6 .mainmenu li.li0:nth-child(1) .menumesg {background-color: #01AA0A;}
#cate6 .mainmenu li.li0:nth-child(9) .menumesg {background-color: #8B4500;}
#cate8 .mainmenu li .menubtn {border-radius: 5px;}
#cate8 .mainmenu li div img {border-radius: 5px;}
.themeStyle{background:#DE0C04}  
</style>
<script src="{cms>:RES}/css/flash/js/iscroll.js" type="text/javascript"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
	myScroll = new iScroll('wrapper', {
		snap: true,
		momentum: false,
		hScrollbar: false,
		onScrollEnd: function () {
			document.querySelector('#indicator > li.active').className = '';
			document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
		}
	});
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>
<body id="cate4">
	<div class="banner">
		<div id="wrapper">
			<div id="scroller">
				<ul id="thelist">
				   <volist name="flash" id="so">
						<li><p>{cms>$so.info}</p><a href="{cms>$so.url}"><img src="{cms>$so.img}" /></a></li>
					</volist>
				</ul>
			</div>
		</div>
		<div id="nav">
			<div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,{cms>$num-1});return false">&larr; prev</div>
			<ul id="indicator">
				<volist name="flash" id="so">
				<li <if condition="$i eq 1">class="active"</if>>{cms>$i}</li>
				</volist>
			</ul>
			<div id="next" onclick="myScroll.scrollToPage('next', 0);return false">next &rarr;</div>
		</div>
		<div class="clr"></div>
	</div>
	<script>
	var count = document.getElementById("thelist").getElementsByTagName("img").length;
	for(i=0;i<count;i++){
		document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";
	}
	document.getElementById("scroller").style.cssText = " width:"+document.documentElement.clientWidth*count+"px";
	setInterval(function(){
		myScroll.scrollToPage('next', 0,400,count);
	},3500 );
	window.onresize = function(){ 
	for(i=0;i<count;i++){
		document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";
	}
	document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
	} 
	</script>
	<div id="todayList">
		<ul class="todayList">
			<volist name="info" id="vo">
			<li class="only4">
				<a href="<if condition="$vo['url'] eq ''">{cms>:U('Wap/Index/lists',array('classid'=>$vo['id'],'token'=>$vo['token']))}<else/>{cms>$vo.url}</if>">
					<div class="img"><img src="{cms>$vo.img}" /></div>
					<h2>{cms>$vo.name}</h2>
					<p class="onlyheight">{cms>$vo.info}</p>
					<span class="icon">&nbsp;</span>
					<div class="clr"></div>
				</a>
			</li>
			</volist>
		</ul>
	</div>
	<eq name="copyright" value="0">
	<div class="copyright"  >
		<php>echo htmlspecialchars_decode(C('copyright'))</php>
	</div>
	</eq>
	<div style="display:none">{cms>$tpl.tongji|htmlspecialchars_decode}</div>
</body>
</html>